            $(document).ready(function () {          
                // prepare the data
                
                var source =
                {
                    dataType: "csv",
                    dataFields: [
                        { name: 'TaskID', type: 'number' },
                        { name: 'ParentTaskID', type: 'number' },
                        { name: 'TaskName', type: 'string' },
                        { name: 'Signoff_Type', type: 'string' },
                        { name: 'STATUS_OF_FILES', type: 'string' },
                        { name: 'Task_User', type: 'string' },
                        { name: 'COMMENT', type: 'string' },
                        { name: 'DATA_AVAILABILITY', type: 'string' },
                        { name: 'Ezopsuseremail', type: 'string' },
                        { name: 'COMPLETION', type: 'string' },
                        { name: 'UserEmail_ID', type: 'string' },
                        { name: 'UserEmail', type: 'string' }
                    ],
                    hierarchy:
                    {
                        keyDataField: { name: 'TaskID' },
                        parentDataField: { name: 'ParentTaskID' }
                    },
                    id: 'TaskID',
                    url: 'assets/sampledata/cashrecon.csv'
                };
                var dataAdapter = new $.jqx.dataAdapter(source);
                // create Tree Grid
                $("#cashrecon").jqxTreeGrid(
                {
                    width: '99%',
                    source: dataAdapter,
                    pageable: false,
                    editable: true,
                    columnsResize: true,
                    sortable: true,
                    filterable: true,
                    filterMode: 'advanced',
                                      
                    
                    columns: [
                      /*{ text: 'Client', dataField: 'Client', minWidth: 100, width: '8%' },*/
                      { text: ' ', dataField: 'TaskName', minWidth: 150, width: '20%' },
                      { text: '', dataField: 'Signoff_Type', minWidth: 100, width: '6%' },/**/                      
                      { text: 'EZ ID', dataField: 'STATUS_OF_FILES', minWidth: 110, width: '10%' },
                      { text: 'Street ID', dataField: 'Task_User', cellsFormat: 'd', minWidth: 80, width: '8%' },
                      { text: 'CP', dataField: 'COMMENT', cellsFormat: 'd', minWidth: 150},
                      { text: 'Sec Type', dataField: 'DATA_AVAILABILITY', cellsFormat: 'd', minWidth: 120, width: '8%' },
                      { text: 'Quantity', dataField: 'Ezopsuseremail', cellsFormat: 'd', minWidth: 120, width: '10%' },
                      { text: 'Description', dataField: 'COMPLETION', cellsFormat: 'd', minWidth: 100, width: '10%' },
                      { text: ' Trade Dt', dataField: 'UserEmail_ID', cellsFormat: 'd', minWidth: 150, width: '15%' },
                      { text: ' Maturity Dt', dataField: 'UserEmail', cellsFormat: 'd', minWidth: 150, width: '15%' }
                    ]
                });
                
                $(function() {
            		var chart;
            		$(document)
            				.ready(
            						function() {
            							// Build the chart4
            							$('#containerpie8')
            									.highcharts(
            											{
            												chart : {
            													plotBackgroundColor : null,
            													plotBorderWidth : null,
            													plotShadow : false
            												},
            												title : {
            													text : ''
            												},
            												tooltip : {
            													pointFormat : '{series.name}: <b>{point.percentage:.1f}%</b>'
            												},
            												plotOptions : {
            													pie : {
            														allowPointSelect : true,
            														cursor : 'pointer',
            														dataLabels : {
            															enabled : false
            														},
            														showInLegend : true
            													}
            												},
            												series : [ {
            													type : 'pie',
            													name : '',
            													data : [
            															[ 'Total cash items',
            																	21 ],
            															[ 'Unmapped Positions',
            																	2 ],
            															[
            																	'Pos. w Quantity breaks',
            																	3 ] ]
            												} ]
            											});
            						});

            	});

            });
        $(document).ready(function () {
            
            // prepare the data
            var source =
            {
                dataType: "csv",
                dataFields: [
                     { name: 'ezId', type: 'string' },
                     { name: 'cp', type: 'string' },
                     { name: 'secType', type: 'string' },
                     { name: 'cpId', type: 'string' },
                     { name: 'underlier', type: 'string' }
                ], 
                url: 'assets/sampledata/CashPaymentProjections.csv'
            };
            var dataAdapter = new $.jqx.dataAdapter(source, {
                loadComplete: function () {
                    // data is loaded.
                }
            });
            var cellClass = function (row, dataField, cellText, rowData) {
                var cellValue = rowData[dataField];
                switch (dataField) {
                    case "diffQuantity":
                        if (cellValue >100 || cellValue < 0) {
                            return "minavg";                            
                        }
                        if (cellValue <= 100 ) {
                            return "max";
                        }                       
                        return "max";
                        
                    case "diffMarketValue":
                        if (cellValue >100 || cellValue < 0) {
                            return "minavg";                            
                        }
                        if (cellValue <= 100 ) {
                            return "max";
                        }                        
                        return "min";                    
                }
            }
            // create jqxDataTable.
            $("#CashPaymentProjections").jqxGrid(
            {
                source: dataAdapter,
                altRows: true,
                width: '99%',
                height: '600',
                sortable: true,
                pageable:false,
                filterable: true,
                groupable: true,
                showstatusbar: true,
                statusbarheight: 50,
                showaggregates: true,
                columnsresize: true,
                columnsreorder: true,

                
                columns: [
                  { text: 'Notes', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'ezId',/* pinned: true,*/  width: '20%' },
                  { text: 'Date', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'cp', width: '20%' },
                  { text: 'USD', dataField: 'secType',columngroup: 'ProductDetails', cellsformat: 'c2', align: 'center', cellsAlign: 'center', width: '20%' },
                  { text: 'EUR',columngroup: 'ProductDetails', dataField: 'cpId', cellsformat: 'd', cellsAlign: 'center', align: 'center', width: '20%' },
                  { text: 'JPY', cellsAlign: 'center', align: 'center', dataField: 'underlier', width: '20%' }
                ]
                
            });  
            
            $(function() {
        		$('#containerpie5')
        				.highcharts(
        						{
        							chart : {
        								type : 'column'
        							},
        							title : {
        								text : ''
        							},
        							subtitle : {
        								text : ''
        							},
        							xAxis : {
        								categories : [ '1-Oct', '5-Oct', '7-Oct',
        										'13-Oct', '15-Oct', '22-Oct', '29-Oct' ]
        							},
        							yAxis : {
        								min : 0,
        								title : {
        									text : ''
        								}
        							},
        							tooltip : {
        								headerFormat : '<span style="font-size:10px">{point.key}</span><table>',
        								pointFormat : '<tr><td style="color:{series.color};padding:0">{series.name}: </td>'
        										+ '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
        								footerFormat : '</table>',
        								shared : true,
        								useHTML : true
        							},
        							plotOptions : {
        								column : {
        									pointPadding : 0.2,
        									borderWidth : 0
        								}
        							},
        							series : [
        									{
        										name : 'USD',
        										data : [ 0, 0, 1113454, 0, 433500, 0,
        												213443.3 ]

        									},
        									{
        										name : 'EUR',
        										data : [ 111342.1, 453200, 0, 342452, 0,
        												115634, 453332 ]

        									},
        									{
        										name : 'JPY',
        										data : [ 3938434, 0, 0, 0, 0, 0, 1257426.4 ]

        									} ]
        						});
        	});
            /* Cash Balance Chart grid source*/
       /* var source =
    	{
        dataType: "json",
        dataFields: [
             { name: 'valueDate', type: 'string' },
             { name: 'bookId', type: 'string' },
             { name: 'tradeId', type: 'string' },
             { name: 'cashCurrency', type: 'string' },
             { name: 'productDescription', type: 'string' },
             { name: 'status', type: 'string' },
             { name: 'cashAmount', type: 'string' },
             { name: 'realSettlementDate', type: 'string' },
             { name: 'cashPayReceive', type: 'string' },
             { name: 'securityAmount', type: 'string' },
             { name: 'securityPayReceive', type: 'string' },
             { name: 'underlyingProductDescription', type: 'string' },
             { name: 'paymentCategory', type: 'string' },
             { name: 'productGroup', type: 'string' },
             { name: 'action', type: 'string' },
             { name: 'paymentComment', type: 'string' },
             { name: 'matchingDescription', type: 'string' },
             { name: 'entityCashInstructionSSI', type: 'string' },
             { name: 'partyCashInstructionSSI', type: 'string' },
             { name: 'entitySecurityInstructionSSI', type: 'string' },
             { name: 'partySecurityInstructionSSI', type: 'string' },
             { name: 'id', type: 'string' },
             { name: 'version', type: 'string' },
             { name: 'quantity', type: 'string' },
             { name: 'securityUnit', type: 'string' },
             { name: 'securityId', type: 'string' },
             { name: 'deliveryMethod', type: 'string' },
             { name: 'sourceEventId', type: 'string' },
             { name: 'nettingType', type: 'string' },
             { name: 'nettingId', type: 'string' },
             { name: 'bookingDate', type: 'string' },
             { name: 'partyId', type: 'string' },
             { name: 'gLAccount', type: 'string' },
             { name: 'parentPaymentId', type: 'string' },
             { name: 'reversePaymentId', type: 'string' },
             { name: 'settlementMethod', type: 'string' },
             { name: 'knownDate', type: 'string' },
             { name: 'partyInstructionStatus', type: 'string' },
             { name: 'entityInstructionStatus', type: 'string' },
             { name: 'isCashOnly', type: 'string' },
             { name: 'isSecurityOnly', type: 'string' },
             { name: 'clearerId', type: 'string' },
             { name: 'securityGLAccount', type: 'string' },
             { name: 'securitGLAccountName', type: 'string' },
             { name: 'clearerPartyId', type: 'string' },
             { name: 'entityAgentPartyId', type: 'string' },
             { name: 'entityPartyId', type: 'string' },
             { name: 'paymentType', type: 'string' },
             { name: 'settledCashAmount', type: 'string' },
             { name: 'settledSecurityQuantity', type: 'string' },
             { name: 'updateTime', type: 'string' },
             { name: 'matchingType', type: 'string' },
             { name: 'importRef', type: 'string' },
             { name: 'isInternal', type: 'string' },
             { name: 'underlyingProcessingType', type: 'string' },
             { name: 'parentClearerId', type: 'string' }
        ], 
        url: ezopsContextPath+'/getReports/getcashbalancesgrid'
    };
    var dataAdapter = new $.jqx.dataAdapter(source, {
        loadComplete: function () {
            // data is loaded.
        }
    });
    var cellClass = function (row, dataField, cellText, rowData) {
        var cellValue = rowData[dataField];
        switch (dataField) {
            case "diffQuantity":
                if (cellValue >100 || cellValue < 0) {
                    return "minavg";                            
                }
                if (cellValue <= 100 ) {
                    return "max";
                }                       
                return "max";
                
            case "diffMarketValue":
                if (cellValue >100 || cellValue < 0) {
                    return "minavg";                            
                }
                if (cellValue <= 100 ) {
                    return "max";
                }                        
                return "min";                    
        }
    };
            $("#CashBalances").jqxGrid(
            	    {
            	        source: dataAdapter,
            	        altRows: true,
                        width: '99%',
                        height: '600',
                        sortable: true,
                        pageable:false,
                        filterable: true,
                        groupable: true,
                        showstatusbar: true,
                        statusbarheight: 50,
                        showaggregates: true,
                        columnsresize: true,
                        columnsreorder: true,

            	        
            	        columns: [
            	          	 { text: 'Value Date', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'valueDate', width: '100px'},
            	             { text: 'Book Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'bookId', width: '100px'},
            	             { text: 'Trade Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'tradeId', width: '100px'},
            	             { text: 'Cash Currency', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'cashCurrency', width: '100px'},
            	             { text: 'Product Description', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'productDescription', width: '100px'},
            	             { text: 'Status', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'status', width: '100px'},
            	             { text: 'Cash Amount', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'cashAmount', width: '100px'},
            	             { text: 'Real Settlement Date', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'realSettlementDate', width: '100px'},
            	             { text: 'Cash Pay Receive', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'cashPayReceive', width: '100px'},
            	             { text: 'Security Amount', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityAmount', width: '100px'},
            	             { text: 'Security Pay Receive', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityPayReceive', width: '100px'},
            	             { text: 'Underlying Product Description', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'underlyingProductDescription', width: '100px'},
            	             { text: 'Payment Category', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'paymentCategory', width: '100px'},
            	             { text: 'Product Group', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'productGroup', width: '100px'},
            	             { text: 'Action', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'action', width: '100px'},
            	             { text: 'Payment Comment', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'paymentComment', width: '100px'},
            	             { text: 'Matching Description', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'matchingDescription', width: '100px'},
            	             { text: 'Entity Cash Instruction SSI', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entityCashInstructionSSI', width: '100px'},
            	             { text: 'Party Cash Instruction SSI', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'partyCashInstructionSSI', width: '100px'},
            	             { text: 'Entity Security Instruction SSI', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entitySecurityInstructionSSI', width: '100px'},
            	             { text: 'Party Security Instruction SSI', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'partySecurityInstructionSSI', width: '100px'},
            	             { text: 'Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'id', width: '100px'},
            	             { text: 'Version', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'version', width: '100px'},
            	             { text: 'Quantity', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'quantity', width: '100px'},
            	             { text: 'Security Unit', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityUnit', width: '100px'},
            	             { text: 'Security Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityId', width: '100px'},
            	             { text: 'Delivery Method', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'deliveryMethod', width: '100px'},
            	             { text: 'Source Event Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'sourceEventId', width: '100px'},
            	             { text: 'Netting Type', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'nettingType', width: '100px'},
            	             { text: 'Netting Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'nettingId', width: '100px'},
            	             { text: 'Booking Date', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'bookingDate', width: '100px'},
            	             { text: 'Party Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'partyId', width: '100px'},
            	             { text: 'GL Account', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'gLAccount', width: '100px'},
            	             { text: 'Parent Payment Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'parentPaymentId', width: '100px'},
            	             { text: 'Reverse Payment Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'reversePaymentId', width: '100px'},
            	             { text: 'Settlement Method', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'settlementMethod', width: '100px'},
            	             { text: 'Known Date', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'knownDate', width: '100px'},
            	             { text: 'Party Instruction Status', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'partyInstructionStatus', width: '100px'},
            	             { text: 'Entity Instruction Status', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entityInstructionStatus', width: '100px'},
            	             { text: 'Is Cash Only', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'isCashOnly', width: '100px'},
            	             { text: 'Is Security Only', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'isSecurityOnly', width: '100px'},
            	             { text: 'Clearer Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'clearerId', width: '100px'},
            	             { text: 'Security GL Account', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityGLAccount', width: '100px'},
            	             { text: 'Security GL Account Name', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securitGLAccountName', width: '100px'},
            	             { text: 'Clearer Party Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'clearerPartyId', width: '100px'},
            	             { text: 'Entity Agent Party Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entityAgentPartyId'},
            	             { text: 'Entity Party Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entityPartyId', width: '100px'},
            	             { text: 'Payment Type', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'paymentType', width: '100px'},
            	             { text: 'Settled Cash Amount', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'settledCashAmount', width: '100px'},
            	             { text: 'Settled Security Quantity', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'settledSecurityQuantity', width: '100px'},
            	             { text: 'Update Time', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'updateTime', width: '100px'},
            	             { text: 'Matching Type', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'matchingType', width: '100px'},
            	             { text: 'Import Ref', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'importRef', width: '100px'},
            	             { text: 'Is Internal', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'isInternal', width: '100px'},
            	             { text: 'Underlying Processing Type', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'underlyingProcessingType', width: '100px'},
            	             { text: 'Parent Clearer Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'parentClearerId', width: '100px'}
            	        ]
            	    });  */
        /** Cash Daily Change Grid **/
        /* Cash Balance Chart grid source*/
       var CashDailyChangeSource =
    	{
        dataType: "json",
        dataFields: [
             { name: 'valueDate', type: 'string' },
             { name: 'bookId', type: 'string' },
             { name: 'tradeId', type: 'string' },
             { name: 'cashCurrency', type: 'string' },
             { name: 'productDescription', type: 'string' },
             { name: 'status', type: 'string' },
             { name: 'cashAmount', type: 'string' },
             { name: 'realSettlementDate', type: 'string' },
             { name: 'cashPayReceive', type: 'string' },
             { name: 'securityAmount', type: 'string' },
             { name: 'securityPayReceive', type: 'string' },
             { name: 'underlyingProductDescription', type: 'string' },
             { name: 'paymentCategory', type: 'string' },
             { name: 'productGroup', type: 'string' },
             { name: 'action', type: 'string' },
             { name: 'paymentComment', type: 'string' },
             { name: 'matchingDescription', type: 'string' },
             { name: 'entityCashInstructionSSI', type: 'string' },
             { name: 'partyCashInstructionSSI', type: 'string' },
             { name: 'entitySecurityInstructionSSI', type: 'string' },
             { name: 'partySecurityInstructionSSI', type: 'string' },
             { name: 'id', type: 'string' },
             { name: 'version', type: 'string' },
             { name: 'quantity', type: 'string' },
             { name: 'securityUnit', type: 'string' },
             { name: 'securityId', type: 'string' },
             { name: 'deliveryMethod', type: 'string' },
             { name: 'sourceEventId', type: 'string' },
             { name: 'nettingType', type: 'string' },
             { name: 'nettingId', type: 'string' },
             { name: 'bookingDate', type: 'string' },
             { name: 'partyId', type: 'string' },
             { name: 'gLAccount', type: 'string' },
             { name: 'parentPaymentId', type: 'string' },
             { name: 'reversePaymentId', type: 'string' },
             { name: 'settlementMethod', type: 'string' },
             { name: 'knownDate', type: 'string' },
             { name: 'partyInstructionStatus', type: 'string' },
             { name: 'entityInstructionStatus', type: 'string' },
             { name: 'isCashOnly', type: 'string' },
             { name: 'isSecurityOnly', type: 'string' },
             { name: 'clearerId', type: 'string' },
             { name: 'securityGLAccount', type: 'string' },
             { name: 'securitGLAccountName', type: 'string' },
             { name: 'clearerPartyId', type: 'string' },
             { name: 'entityAgentPartyId', type: 'string' },
             { name: 'entityPartyId', type: 'string' },
             { name: 'paymentType', type: 'string' },
             { name: 'settledCashAmount', type: 'string' },
             { name: 'settledSecurityQuantity', type: 'string' },
             { name: 'updateTime', type: 'string' },
             { name: 'matchingType', type: 'string' },
             { name: 'importRef', type: 'string' },
             { name: 'isInternal', type: 'string' },
             { name: 'underlyingProcessingType', type: 'string' },
             { name: 'parentClearerId', type: 'string' }
        ], 
        url: ezopsContextPath+'/getReports/getcashdailychangegrid'
    };
    var dataAdapter = new $.jqx.dataAdapter(CashDailyChangeSource, {
        loadComplete: function () {
            // data is loaded.
        }
    });
    var cellClass = function (row, dataField, cellText, rowData) {
        var cellValue = rowData[dataField];
        switch (dataField) {
            case "diffQuantity":
                if (cellValue >100 || cellValue < 0) {
                    return "minavg";                            
                }
                if (cellValue <= 100 ) {
                    return "max";
                }                       
                return "max";
                
            case "diffMarketValue":
                if (cellValue >100 || cellValue < 0) {
                    return "minavg";                            
                }
                if (cellValue <= 100 ) {
                    return "max";
                }                        
                return "min";                    
        }
    };
            $("#CashDailyChange").jqxGrid(
            	    {
            	        source: dataAdapter,
            	        altRows: true,
                        width: '99%',
                        height: '600',
                        sortable: true,
                        pageable:false,
                        filterable: true,
                        groupable: true,
                        showstatusbar: true,
                        statusbarheight: 50,
                        showaggregates: true,
                        columnsresize: true,
                        columnsreorder: true,

            	        
            	        columns: [
            	          	 { text: 'Value Date', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'valueDate', width: '100px'},
            	             { text: 'Book Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'bookId', width: '100px'},
            	             { text: 'Trade Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'tradeId', width: '100px'},
            	             { text: 'Cash Currency', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'cashCurrency', width: '100px'},
            	             { text: 'Product Description', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'productDescription', width: '100px'},
            	             { text: 'Status', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'status', width: '100px'},
            	             { text: 'Cash Amount', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'cashAmount', width: '100px'},
            	             { text: 'Real Settlement Date', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'realSettlementDate', width: '100px'},
            	             { text: 'Cash Pay Receive', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'cashPayReceive', width: '100px'},
            	             { text: 'Security Amount', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityAmount', width: '100px'},
            	             { text: 'Security Pay Receive', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityPayReceive', width: '100px'},
            	             { text: 'Underlying Product Description', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'underlyingProductDescription', width: '100px'},
            	             { text: 'Payment Category', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'paymentCategory', width: '100px'},
            	             { text: 'Product Group', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'productGroup', width: '100px'},
            	             { text: 'Action', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'action', width: '100px'},
            	             { text: 'Payment Comment', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'paymentComment', width: '100px'},
            	             { text: 'Matching Description', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'matchingDescription', width: '100px'},
            	             { text: 'Entity Cash Instruction SSI', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entityCashInstructionSSI', width: '100px'},
            	             { text: 'Party Cash Instruction SSI', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'partyCashInstructionSSI', width: '100px'},
            	             { text: 'Entity Security Instruction SSI', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entitySecurityInstructionSSI', width: '100px'},
            	             { text: 'Party Security Instruction SSI', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'partySecurityInstructionSSI', width: '100px'},
            	             { text: 'Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'id', width: '100px'},
            	             { text: 'Version', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'version', width: '100px'},
            	             { text: 'Quantity', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'quantity', width: '100px'},
            	             { text: 'Security Unit', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityUnit', width: '100px'},
            	             { text: 'Security Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityId', width: '100px'},
            	             { text: 'Delivery Method', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'deliveryMethod', width: '100px'},
            	             { text: 'Source Event Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'sourceEventId', width: '100px'},
            	             { text: 'Netting Type', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'nettingType', width: '100px'},
            	             { text: 'Netting Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'nettingId', width: '100px'},
            	             { text: 'Booking Date', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'bookingDate', width: '100px'},
            	             { text: 'Party Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'partyId', width: '100px'},
            	             { text: 'GL Account', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'gLAccount', width: '100px'},
            	             { text: 'Parent Payment Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'parentPaymentId', width: '100px'},
            	             { text: 'Reverse Payment Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'reversePaymentId', width: '100px'},
            	             { text: 'Settlement Method', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'settlementMethod', width: '100px'},
            	             { text: 'Known Date', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'knownDate', width: '100px'},
            	             { text: 'Party Instruction Status', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'partyInstructionStatus', width: '100px'},
            	             { text: 'Entity Instruction Status', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entityInstructionStatus', width: '100px'},
            	             { text: 'Is Cash Only', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'isCashOnly', width: '100px'},
            	             { text: 'Is Security Only', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'isSecurityOnly', width: '100px'},
            	             { text: 'Clearer Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'clearerId', width: '100px'},
            	             { text: 'Security GL Account', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityGLAccount', width: '100px'},
            	             { text: 'Security GL Account Name', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securitGLAccountName', width: '100px'},
            	             { text: 'Clearer Party Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'clearerPartyId', width: '100px'},
            	             { text: 'Entity Agent Party Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entityAgentPartyId'},
            	             { text: 'Entity Party Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entityPartyId', width: '100px'},
            	             { text: 'Payment Type', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'paymentType', width: '100px'},
            	             { text: 'Settled Cash Amount', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'settledCashAmount', width: '100px'},
            	             { text: 'Settled Security Quantity', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'settledSecurityQuantity', width: '100px'},
            	             { text: 'Update Time', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'updateTime', width: '100px'},
            	             { text: 'Matching Type', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'matchingType', width: '100px'},
            	             { text: 'Import Ref', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'importRef', width: '100px'},
            	             { text: 'Is Internal', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'isInternal', width: '100px'},
            	             { text: 'Underlying Processing Type', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'underlyingProcessingType', width: '100px'},
            	             { text: 'Parent Clearer Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'parentClearerId', width: '100px'}
            	        ]
            	    }); 
       
        /* Cash Upcoming Pay Receive Grid data */
        var cashUpcomingSource =
    	{
        dataType: "json",
        dataFields: [
             { name: 'valueDate', type: 'string' },
             { name: 'bookId', type: 'string' },
             { name: 'tradeId', type: 'string' },
             { name: 'cashCurrency', type: 'string' },
             { name: 'productDescription', type: 'string' },
             { name: 'status', type: 'string' },
             { name: 'cashAmount', type: 'string' },
             { name: 'realSettlementDate', type: 'string' },
             { name: 'cashPayReceive', type: 'string' },
             { name: 'securityAmount', type: 'string' },
             { name: 'securityPayReceive', type: 'string' },
             { name: 'underlyingProductDescription', type: 'string' },
             { name: 'paymentCategory', type: 'string' },
             { name: 'productGroup', type: 'string' },
             { name: 'action', type: 'string' },
             { name: 'paymentComment', type: 'string' },
             { name: 'matchingDescription', type: 'string' },
             { name: 'entityCashInstructionSSI', type: 'string' },
             { name: 'partyCashInstructionSSI', type: 'string' },
             { name: 'entitySecurityInstructionSSI', type: 'string' },
             { name: 'partySecurityInstructionSSI', type: 'string' },
             { name: 'id', type: 'string' },
             { name: 'version', type: 'string' },
             { name: 'quantity', type: 'string' },
             { name: 'securityUnit', type: 'string' },
             { name: 'securityId', type: 'string' },
             { name: 'deliveryMethod', type: 'string' },
             { name: 'sourceEventId', type: 'string' },
             { name: 'nettingType', type: 'string' },
             { name: 'nettingId', type: 'string' },
             { name: 'bookingDate', type: 'string' },
             { name: 'partyId', type: 'string' },
             { name: 'gLAccount', type: 'string' },
             { name: 'parentPaymentId', type: 'string' },
             { name: 'reversePaymentId', type: 'string' },
             { name: 'settlementMethod', type: 'string' },
             { name: 'knownDate', type: 'string' },
             { name: 'partyInstructionStatus', type: 'string' },
             { name: 'entityInstructionStatus', type: 'string' },
             { name: 'isCashOnly', type: 'string' },
             { name: 'isSecurityOnly', type: 'string' },
             { name: 'clearerId', type: 'string' },
             { name: 'securityGLAccount', type: 'string' },
             { name: 'securitGLAccountName', type: 'string' },
             { name: 'clearerPartyId', type: 'string' },
             { name: 'entityAgentPartyId', type: 'string' },
             { name: 'entityPartyId', type: 'string' },
             { name: 'paymentType', type: 'string' },
             { name: 'settledCashAmount', type: 'string' },
             { name: 'settledSecurityQuantity', type: 'string' },
             { name: 'updateTime', type: 'string' },
             { name: 'matchingType', type: 'string' },
             { name: 'importRef', type: 'string' },
             { name: 'isInternal', type: 'string' },
             { name: 'underlyingProcessingType', type: 'string' },
             { name: 'parentClearerId', type: 'string' }
        ], 
        url: ezopsContextPath+'/getReports/getcashupcomingpayreceivegrid'
    };
    var dataAdapter = new $.jqx.dataAdapter(cashUpcomingSource, {
        loadComplete: function () {
            // data is loaded.
        }
    });
    var cellClass = function (row, dataField, cellText, rowData) {
        var cellValue = rowData[dataField];
        switch (dataField) {
            case "diffQuantity":
                if (cellValue >100 || cellValue < 0) {
                    return "minavg";                            
                }
                if (cellValue <= 100 ) {
                    return "max";
                }                       
                return "max";
                
            case "diffMarketValue":
                if (cellValue >100 || cellValue < 0) {
                    return "minavg";                            
                }
                if (cellValue <= 100 ) {
                    return "max";
                }                        
                return "min";                    
        }
    };
            $("#CashUpcoming").jqxGrid(
            	    {
            	        source: dataAdapter,
            	        altRows: true,
                        width: '99%',
                        height: '600',
                        sortable: true,
                        pageable:false,
                        filterable: true,
                        groupable: true,
                        showstatusbar: true,
                        statusbarheight: 50,
                        showaggregates: true,
                        columnsresize: true,
                        columnsreorder: true,

            	        
            	        columns: [
            	          	 { text: 'Value Date', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'valueDate', width: '100px'},
            	             { text: 'Book Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'bookId', width: '100px'},
            	             { text: 'Trade Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'tradeId', width: '100px'},
            	             { text: 'Cash Currency', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'cashCurrency', width: '100px'},
            	             { text: 'Product Description', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'productDescription', width: '100px'},
            	             { text: 'Status', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'status', width: '100px'},
            	             { text: 'Cash Amount', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'cashAmount', width: '100px'},
            	             { text: 'Real Settlement Date', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'realSettlementDate', width: '100px'},
            	             { text: 'Cash Pay Receive', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'cashPayReceive', width: '100px'},
            	             { text: 'Security Amount', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityAmount', width: '100px'},
            	             { text: 'Security Pay Receive', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityPayReceive', width: '100px'},
            	             { text: 'Underlying Product Description', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'underlyingProductDescription', width: '100px'},
            	             { text: 'Payment Category', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'paymentCategory', width: '100px'},
            	             { text: 'Product Group', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'productGroup', width: '100px'},
            	             { text: 'Action', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'action', width: '100px'},
            	             { text: 'Payment Comment', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'paymentComment', width: '100px'},
            	             { text: 'Matching Description', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'matchingDescription', width: '100px'},
            	             { text: 'Entity Cash Instruction SSI', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entityCashInstructionSSI', width: '100px'},
            	             { text: 'Party Cash Instruction SSI', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'partyCashInstructionSSI', width: '100px'},
            	             { text: 'Entity Security Instruction SSI', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entitySecurityInstructionSSI', width: '100px'},
            	             { text: 'Party Security Instruction SSI', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'partySecurityInstructionSSI', width: '100px'},
            	             { text: 'Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'id', width: '100px'},
            	             { text: 'Version', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'version', width: '100px'},
            	             { text: 'Quantity', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'quantity', width: '100px'},
            	             { text: 'Security Unit', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityUnit', width: '100px'},
            	             { text: 'Security Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityId', width: '100px'},
            	             { text: 'Delivery Method', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'deliveryMethod', width: '100px'},
            	             { text: 'Source Event Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'sourceEventId', width: '100px'},
            	             { text: 'Netting Type', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'nettingType', width: '100px'},
            	             { text: 'Netting Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'nettingId', width: '100px'},
            	             { text: 'Booking Date', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'bookingDate', width: '100px'},
            	             { text: 'Party Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'partyId', width: '100px'},
            	             { text: 'GL Account', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'gLAccount', width: '100px'},
            	             { text: 'Parent Payment Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'parentPaymentId', width: '100px'},
            	             { text: 'Reverse Payment Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'reversePaymentId', width: '100px'},
            	             { text: 'Settlement Method', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'settlementMethod', width: '100px'},
            	             { text: 'Known Date', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'knownDate', width: '100px'},
            	             { text: 'Party Instruction Status', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'partyInstructionStatus', width: '100px'},
            	             { text: 'Entity Instruction Status', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entityInstructionStatus', width: '100px'},
            	             { text: 'Is Cash Only', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'isCashOnly', width: '100px'},
            	             { text: 'Is Security Only', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'isSecurityOnly', width: '100px'},
            	             { text: 'Clearer Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'clearerId', width: '100px'},
            	             { text: 'Security GL Account', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securityGLAccount', width: '100px'},
            	             { text: 'Security GL Account Name', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'securitGLAccountName', width: '100px'},
            	             { text: 'Clearer Party Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'clearerPartyId', width: '100px'},
            	             { text: 'Entity Agent Party Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entityAgentPartyId'},
            	             { text: 'Entity Party Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'entityPartyId', width: '100px'},
            	             { text: 'Payment Type', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'paymentType', width: '100px'},
            	             { text: 'Settled Cash Amount', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'settledCashAmount', width: '100px'},
            	             { text: 'Settled Security Quantity', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'settledSecurityQuantity', width: '100px'},
            	             { text: 'Update Time', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'updateTime', width: '100px'},
            	             { text: 'Matching Type', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'matchingType', width: '100px'},
            	             { text: 'Import Ref', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'importRef', width: '100px'},
            	             { text: 'Is Internal', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'isInternal', width: '100px'},
            	             { text: 'Underlying Processing Type', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'underlyingProcessingType', width: '100px'},
            	             { text: 'Parent Clearer Id', cellsAlign: 'center',columngroup: 'ProductDetails', align: 'center', dataField: 'parentClearerId', width: '100px'}
            	        ]
        });
        });

        
        /*****************Cash Management Reports charts Starts here*****************************/
        $(document).ready(function () {
            
           // prepare the data
        	//var positionByCurrChecked = 'true';
        	var cashBalanceBarSeriesArr = new Array();
        	var cashBalanceBarCategoriesArr = new Array();
        	var cashBalanceBarSeriesAmtArr = new Array();
        	$.getJSON(
        			ezopsContextPath
        					+ '/getReports/getcashbalanceschart',
        			function(data) {
        				cashBalanceBarCategoriesArr = data.valueDates;
        				cashBalanceBarSeriesArr =data.cashBalanceCurrencyAmountModel;
        				//console.log('@@'+ko.toJSON(cashBalanceBarCategoriesArr)+'	'+ko.toJSON(cashBalanceBarSeriesArr));
        				getCashBalanceBarData(cashBalanceBarCategoriesArr,cashBalanceBarSeriesArr);
        			});
        	
        	function getCashBalanceBarData(cashBalanceBarCategoriesArr,cashBalanceBarSeriesArr){
        		$(function() {
        			$('#cashbalancesbar')
        			.highcharts(
        					{
        						chart : {
        							type : 'column'
        						},
        						title : {
        							text : ''
        						},
        						subtitle : {
        							text : ''
        						},
        						xAxis : {
        							categories : cashBalanceBarCategoriesArr
        						},
        						yAxis : {
        							min : 0,
        							title : {
        								text : ''
        							}
        						},
        						tooltip : {
        							headerFormat : '<span style="font-size:10px">{point.key}</span><table>',
        							pointFormat : '<tr><td style="color:{series.color};padding:0">{series.name}: </td>'
        								+ '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
        								footerFormat : '</table>',
        								shared : true,
        								useHTML : true
        						},
        						plotOptions : {
        							column : {
        								pointPadding : 0.2,
        								borderWidth : 0
        							}
        						},
        						series : cashBalanceBarSeriesArr
        					});
        		});
        	}
        });

        $(document).ready(function () {
            
        	   // prepare the data
        		//var positionByCurrChecked = 'true';
        		var cashBalanceBarSeriesArr = new Array();
        		var cashBalanceBarCategoriesArr = new Array();
        		var cashBalanceBarSeriesAmtArr = new Array();
        		$.getJSON(
        				ezopsContextPath
        						+ '/getReports/getcashdailychangechart',
        				function(data) {
        					cashBalanceBarCategoriesArr = data.valueDates;
        					cashBalanceBarSeriesArr =data.cashBalanceCurrencyAmountModel;
        					//console.log('@@'+ko.toJSON(cashBalanceBarCategoriesArr)+'	'+ko.toJSON(cashBalanceBarSeriesArr));
        					getCashDailyChangeBarData(cashBalanceBarCategoriesArr,cashBalanceBarSeriesArr);
        				});
        		
        		function getCashDailyChangeBarData(cashBalanceBarCategoriesArr,cashBalanceBarSeriesArr){
        			$(function() {
        				$('#cashdailychangebar')
        				.highcharts(
        						{
        							chart : {
        								type : 'column'
        							},
        							title : {
        								text : ''
        							},
        							subtitle : {
        								text : ''
        							},
        							xAxis : {
        								categories : cashBalanceBarCategoriesArr
        							},
        							yAxis : {
        								min : 0,
        								title : {
        									text : ''
        								}
        							},
        							tooltip : {
        								headerFormat : '<span style="font-size:10px">{point.key}</span><table>',
        								pointFormat : '<tr><td style="color:{series.color};padding:0">{series.name}: </td>'
        									+ '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
        									footerFormat : '</table>',
        									shared : true,
        									useHTML : true
        							},
        							plotOptions : {
        								column : {
        									pointPadding : 0.2,
        									borderWidth : 0
        								}
        							},
        							series : cashBalanceBarSeriesArr
        						});
        			}());
        		}
        	});
        /*****************Cash Management Reports charts Ends here*****************************/

        /****************Cash Upcoming Pay Rerceive Chart **************************/
        $(document).ready(function () {
        var cashUpcomingBarSeriesData = new Array();
        var cashUpcomingBarCategories = new Array();
        $.getJSON(
        		ezopsContextPath
        				+ '/getReports/getcashupcomingpayrecievechart',
        		function(data) {
        			for ( var i = 0, len = data.length; i < len; i++) {
        				cashUpcomingBarCategories.push([data[i].valueDate]);
        				//console.log('data[i].valeuDate  '+data[i].valueDate);
        				cashUpcomingBarSeriesData.push([parseFloat(data[i].cashAmount)]);
        			}
        			getCashUpcomingBarData(cashUpcomingBarCategories,cashUpcomingBarSeriesData);
        		});

        function getCashUpcomingBarData(cashUpcomingBarCategories,cashUpcomingBarSeriesData){
        	//console.log('cashUpcomingBarCategories '+cashUpcomingBarCategories);
        	//console.log('cashUpcomingBarSeriesData '+cashUpcomingBarSeriesData);
        	$('#cashupcomingbar')
        	.highcharts(
        			{
        				chart : {
        					type : 'bar'
        				},

        				title : {
        					text : ''
        				},
        				subtitle : {
        					text : ''
        				},

        				xAxis : {
        					categories : cashUpcomingBarCategories
        				},
        				credits : {
        					enabled : false
        				},
        				series : [ {
        					name : 'Cash Amount',
        					data : cashUpcomingBarSeriesData

        				} ]
        			});
        }
        });